<template>
	<view>
		<RmRegionImg :lines="lines" :markers="markers" :imgConfig="imgConfig"></RmRegionImg>
	</view>
</template>

<script>
	import RmRegionImg from '@/components/rm-regionImg/rm-regionImg'
	export default {
		components: {
			RmRegionImg
		},
		data() {
			return {
				title: 'Hello',
imgConfig: {
        url: 'https://web-mobin-test-study.oss-cn-shenzhen.aliyuncs.com/map/images/68931806c0fad36e8d8cdf26.png',
        width: 474,
        height: 355
      },
      markers: [
  {
    "id": 1754470711460,
    "coorX": 326.435975,
    "coorY": 107.180016,
    "size": 26,
    "iconUrl": "https://web-mobin-test-study.oss-cn-shenzhen.aliyuncs.com/map/icon/屋子.png",
    "className": "",
    "labels": [
      "小麦工厂"
    ]
  },
  {
    "id": 1754470711254,
    "coorX": 402.137079,
    "coorY": 209.677417,
    "size": 26,
    "iconUrl": "https://web-mobin-test-study.oss-cn-shenzhen.aliyuncs.com/map/icon/卡车(5).png",
    "className": "",
    "labels": [
      "百吨王"
    ]
  },
  {
    "id": 1754470711280,
    "coorX": 341.656303,
    "coorY": 268.132966,
    "size": 26,
    "iconUrl": "https://web-mobin-test-study.oss-cn-shenzhen.aliyuncs.com/map/icon/儿童.png",
    "className": "",
    "labels": [
      "行人"
    ]
  }
],
      lines: [
  {
    "type": "Polygon",
    "lineList": [
      {
        "coorX": 172.230024,
        "coorY": 122.37941000000001
      },
      {
        "coorX": 172.230024,
        "coorY": 293.742251
      },
      {
        "coorX": 292.390505,
        "coorY": 294.543012
      },
      {
        "coorX": 283.178202,
        "coorY": 118.37560500000001
      },
      {
        "coorX": 172.230024,
        "coorY": 122.37941000000001
      }
    ],
    "style": {
      "color": "#3388ff",
      "fillColor": "#3388ff",
      "fillOpacity": 0.2,
      "width": 3,
      "fill": true
    },
    "lineLabel": {
      "text": "小麦地",
      "color": "#000",
      "size": 25,
      "x": 50,
      "y": 50,
      "show": true
    }
  },
  {
    "type": "Polygon",
    "lineList": [
      {
        "coorX": 53.671682,
        "coorY": 304.95275
      },
      {
        "coorX": 53.671682,
        "coorY": 127.58420100000001
      },
      {
        "coorX": 164.61986,
        "coorY": 127.58420100000001
      },
      {
        "coorX": 164.61986,
        "coorY": 304.95275
      },
      {
        "coorX": 53.671682,
        "coorY": 304.95275
      }
    ],
    "style": {
      "color": "#26E115",
      "fillColor": "#26E115",
      "fillOpacity": 0.2,
      "width": 3,
      "fill": true
    },
    "lineLabel": {
      "text": "玉米地",
      "color": "#000",
      "size": 25,
      "x": 50,
      "y": 50,
      "show": true
    }
  },
  {
    "type": "Polygon",
    "lineList": [
      {
        "coorX": 174.232698,
        "coorY": 115.17240699999999
      },
      {
        "coorX": 174.232698,
        "coorY": 34.29555199999999
      },
      {
        "coorX": 283.979272,
        "coorY": 34.29555199999999
      },
      {
        "coorX": 283.979272,
        "coorY": 115.17240699999999
      },
      {
        "coorX": 174.232698,
        "coorY": 115.17240699999999
      }
    ],
    "style": {
      "color": "#EDF114",
      "fillColor": "#EDF114",
      "fillOpacity": 0.2,
      "width": 3,
      "fill": true
    },
    "lineLabel": {
      "text": "油菜地",
      "color": "#2716E1",
      "size": 25,
      "x": 50,
      "y": 50,
      "show": true
    }
  }
]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
